<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Document</title>
    <link rel="stylesheet" href="../../layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../css/public/nav_two.css">
    <link rel="stylesheet" href="../../css/public/base.css">
    <link rel="stylesheet" href="../../css/assets/statistics_xi.css">
    <script src="../../js/public/jquery-3.3.1.js"></script>
</head>
<style>
    .nav_two .left>ul>li:nth-of-type(5) {
        background-color: #e5f1fc;
    }
</style>

<body>
    <form class="layui-form" action="">
        <div class="main">
            <div class="left">
                <div class='nav_two'>
                    <div class="left">
                      <ul>
                          <li><div><span class="circle"></span><a href="../Assets/statistics.html"></a>资产统计</div></li>
                          <li><div><span class="circle"></span><a href="../Assets/getMoney.html"></a>收款卡号管理</div></li>
                          <li><div><span class="circle"></span><a href="../Assets/usdt.html"></a>USDT地址</div></li>
                          <li><div><span class="circle"></span><a href="../Assets/System.html"></a>系统拨比</div></li>
                          <li><div><span class="circle"></span><a href="../Assets/statistics_xi.html"></a>资金明细</div></li>
                    </ul>
                    </div>
                </div>
            </div>
            <div class="right">
                <div class="top">
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label wdStyle" style="font-size:16px;">用户名：</label>
                            <input type="text" style="width:196px;font-size: 14px" placeholder="请输入…" class="layui-input">
                        </div>
                        <!-- <div class="layui-inline">
                            <label class="layui-form-label wdStyle">时间：</label>
                            <input type="text" name="title" style="width:196px;" placeholder="请输入…" class="layui-input">
                        </div> -->
                        <div class="layui-inline">
                            <label class="layui-form-label" style="font-size:16px;">时间</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" id="test4" placeholder="请选择…" style="font-size:14px;">
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label" style="font-size:16px;">类型：</label>
                            <div class="layui-input-inline" style="font-size:14px;">
                                <select name="quiz">
                                    <option value="">请选择…</option>
                                    <option value="建仓直推">建仓直推</option>
                                    <option value="建仓间推">建仓间推</option>
                                    <option value="建仓团队奖">建仓团队奖</option>
                                    <option value="复投直推">复投直推</option>
                                    <option value="复投间推">复投间推</option>
                                    <option value="复投团队奖">复投团队奖</option>
                                    <option value="后台充值">后台充值</option>
                                    <option value="团队分红">团队分红</option>
                                    <option value="用户提现">用户提现</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-inline bdLeft">
                            <button class="layui-btn btnStyle" lay-submit="" lay-filter="demo1">查询</button>
                        </div>
                        <div class="layui-inline">
                            <button class="layui-btn btnStyle2" lay-submit="" lay-filter="demo1">重置</button>
                        </div>
                    </div>
                </div>
                <div class="button">
                    <table class="layui-table" id="demo" lay-filter="test"></table>
                </div>
            </div>
    </form>
    <!-- </div> -->
    <script src="../../layui/layui.js"></script>
    <script src='../../js/assets/assets.js'></script>
    <script>
        layui.use('element', function () {
            var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

            //监听导航点击
            element.on('nav(demo)', function (elem) {
                //console.log(elem)
                layer.msg(elem.text());
            });
        });
        $(".button").height($(".right").height() - $(".top").height() - 40);
        $(window).resize(function () {
            $(".button").height($(".right").height() - $(".top").height() - 40);
        });
    </script>
    <script>
        layui.use('form', function () {})

        layui.use('table', function () {
            var table = layui.table;

            table.render({
                elem: '#demo',
                skin: 'nob',
                page: true,
                cols: [
                    [{
                            type: 'checkbox',
                            minWidth: 80,
                            unresize: true
                        }, {
                            field: 'id',
                            title: 'ID',
                            minWidth: 60,
                            unresize: true
                        }, {
                            field: 'style',
                            title: '类型',
                            minWidth: 100,
                            unresize: true
                        }, {
                            field: 'userId',
                            title: '用户账号',
                            minWidth: 100,
                            unresize: true
                        }, {
                            field: 'userName',
                            title: '用户姓名',
                            minWidth: 100,
                            unresize: true
                        }, {
                            field: 'money',
                            title: '金额',
                            minWidth: 100,
                            unresize: true
                        } //minWidth：局部定义当前单元格的最小宽度，layui 2.2.1 新增
                        , {
                            field: 'totalMoney',
                            title: '分佣总金额',
                            minWidth: 100,
                            unresize: true
                        }, {
                            field: 'fenMoney',
                            title: '分佣金额',
                            minWidth: 120,
                            unresize: true
                        }, {
                            field: 'futouMoney',
                            title: '分佣复投额',
                            minWidth: 120,
                            unresize: true
                        }
                    ]
                ],
                data: [{
                    'id': '01',
                    'style': '用户提现',
                    'userId': '张三',
                    'userName': '张三',
                    'money': '100.00',
                    'totalMoney': '100.00',
                    'fenMoney': '100.00',
                    'futouMoney': '100.00',
                }, {
                    'id': '01',
                    'style': '用户提现',
                    'userId': '张三',
                    'userName': '张三',
                    'money': '100.00',
                    'totalMoney': '100.00',
                    'fenMoney': '100.00',
                    'futouMoney': '100.00',
                }, {
                    'id': '01',
                    'style': '用户提现',
                    'userId': '张三',
                    'userName': '张三',
                    'money': '100.00',
                    'totalMoney': '100.00',
                    'fenMoney': '100.00',
                    'futouMoney': '100.00',
                }, {
                    'id': '01',
                    'style': '用户提现',
                    'userId': '张三',
                    'userName': '张三',
                    'money': '100.00',
                    'totalMoney': '100.00',
                    'fenMoney': '100.00',
                    'futouMoney': '100.00',
                }, {
                    'id': '01',
                    'style': '用户提现',
                    'userId': '张三',
                    'userName': '张三',
                    'money': '100.00',
                    'totalMoney': '100.00',
                    'fenMoney': '100.00',
                    'futouMoney': '100.00',
                }, {
                    'id': '01',
                    'style': '用户提现',
                    'userId': '张三',
                    'userName': '张三',
                    'money': '100.00',
                    'totalMoney': '100.00',
                    'fenMoney': '100.00',
                    'futouMoney': '100.00',
                }, {
                    'id': '01',
                    'style': '用户提现',
                    'userId': '张三',
                    'userName': '张三',
                    'money': '100.00',
                    'totalMoney': '100.00',
                    'fenMoney': '100.00',
                    'futouMoney': '100.00',
                }, {
                    'id': '01',
                    'style': '用户提现',
                    'userId': '张三',
                    'userName': '张三',
                    'money': '100.00',
                    'totalMoney': '100.00',
                    'fenMoney': '100.00',
                    'futouMoney': '100.00',
                }, {
                    'id': '01',
                    'style': '用户提现',
                    'userId': '张三',
                    'userName': '张三',
                    'money': '100.00',
                    'totalMoney': '100.00',
                    'fenMoney': '100.00',
                    'futouMoney': '100.00',
                }, {
                    'id': '01',
                    'style': '用户提现',
                    'userId': '张三',
                    'userName': '张三',
                    'money': '100.00',
                    'totalMoney': '100.00',
                    'fenMoney': '100.00',
                    'futouMoney': '100.00',
                }, {
                    'id': '01',
                    'style': '用户提现',
                    'userId': '张三',
                    'userName': '张三',
                    'money': '100.00',
                    'totalMoney': '100.00',
                    'fenMoney': '100.00',
                    'futouMoney': '100.00',
                }, {
                    'id': '01',
                    'style': '用户提现',
                    'userId': '张三',
                    'userName': '张三',
                    'money': '100.00',
                    'totalMoney': '100.00',
                    'fenMoney': '100.00',
                    'futouMoney': '100.00',
                }, {
                    'id': '01',
                    'style': '用户提现',
                    'userId': '张三',
                    'userName': '张三',
                    'money': '100.00',
                    'totalMoney': '100.00',
                    'fenMoney': '100.00',
                    'futouMoney': '100.00',
                }, {
                    'id': '01',
                    'style': '用户提现',
                    'userId': '张三',
                    'userName': '张三',
                    'money': '100.00',
                    'totalMoney': '100.00',
                    'fenMoney': '100.00',
                    'futouMoney': '100.00',
                }, {
                    'id': '01',
                    'style': '用户提现',
                    'userId': '张三',
                    'userName': '张三',
                    'money': '100.00',
                    'totalMoney': '100.00',
                    'fenMoney': '100.00',
                    'futouMoney': '100.00',
                }, {
                    'id': '01',
                    'style': '用户提现',
                    'userId': '张三',
                    'userName': '张三',
                    'money': '100.00',
                    'totalMoney': '100.00',
                    'fenMoney': '100.00',
                    'futouMoney': '100.00',
                }, {
                    'id': '01',
                    'style': '用户提现',
                    'userId': '张三',
                    'userName': '张三',
                    'money': '100.00',
                    'totalMoney': '100.00',
                    'fenMoney': '100.00',
                    'futouMoney': '100.00',
                }, {
                    'id': '01',
                    'style': '用户提现',
                    'userId': '张三',
                    'userName': '张三',
                    'money': '100.00',
                    'totalMoney': '100.00',
                    'fenMoney': '100.00',
                    'futouMoney': '100.00',
                }, {
                    'id': '01',
                    'style': '用户提现',
                    'userId': '张三',
                    'userName': '张三',
                    'money': '100.00',
                    'totalMoney': '100.00',
                    'fenMoney': '100.00',
                    'futouMoney': '100.00',
                }, {
                    'id': '01',
                    'style': '用户提现',
                    'userId': '张三',
                    'userName': '张三',
                    'money': '100.00',
                    'totalMoney': '100.00',
                    'fenMoney': '100.00',
                    'futouMoney': '100.00',
                }, {
                    'id': '01',
                    'style': '用户提现',
                    'userId': '张三',
                    'userName': '张三',
                    'money': '100.00',
                    'totalMoney': '100.00',
                    'fenMoney': '100.00',
                    'futouMoney': '100.00',
                }, {
                    'id': '01',
                    'style': '用户提现',
                    'userId': '张三',
                    'userName': '张三',
                    'money': '100.00',
                    'totalMoney': '100.00',
                    'fenMoney': '100.00',
                    'futouMoney': '100.00',
                }, {
                    'id': '01',
                    'style': '用户提现',
                    'userId': '张三',
                    'userName': '张三',
                    'money': '100.00',
                    'totalMoney': '100.00',
                    'fenMoney': '100.00',
                    'futouMoney': '100.00',
                }, {
                    'id': '01',
                    'style': '用户提现',
                    'userId': '张三',
                    'userName': '张三',
                    'money': '100.00',
                    'totalMoney': '100.00',
                    'fenMoney': '100.00',
                    'futouMoney': '100.00',
                }]
            });
        });

        layui.use(['laypage', 'layer', 'laydate'], function () {
            var laypage = layui.laypage,
                layer = layui.layer,
                laydate = layui.laydate
            laypage.render({
                elem: 'demo3',
                prev: '<em><</em>',
                next: '<em>></em>',
                count: 100,
                layout: ['limit', 'skip', 'prev', 'page', 'next'],
                jump: function (obj) {
                    console.log(obj)
                }
            });

            laydate.render({
                elem: '#test4',
                type: 'datetime',
                format: 'yyyy-MM-dd HH:mm:ss', //自定义格式化
                trigger: 'click', //采用click弹出
                theme: '#2d528f',
            });
        })
    </script>
</body>

</html>